import Loadable from 'react-loadable'

import {
  Loading
} from '../components';
// import Dashboard from './Dashboard';
// import Login from './Login';
// import NotFound from './NotFound';
// import Settings from './Settings';
// import Article from './Article';
// import ArticleEdit from './Article/edit';

const Dashboard = Loadable({
  loader: () => import('./Dashboard'),
  loading: Loading
});

const NotFound = Loadable({
  loader: () => import('./NotFound'),
  loading: Loading
});

const Settings = Loadable({
  loader: () => import('./Settings'),
  loading: Loading
});

const Notifications = Loadable({
  loader: () => import('./Notifications'),
  loading: Loading
});

const Login = Loadable({
  loader: () => import('./Login'),
  loading: Loading
});

const Article = Loadable({
  loader: () => import('./Article'),
  loading: Loading
});

const ArticleEdit = Loadable({
  loader: () => import('./Article/edit'),
  loading: Loading
});

const NoAuth = Loadable({
  loader: () => import('./NoAuth'),
  loading: Loading
});

const Profile = Loadable({
  loader: () => import('./Profile'),
  loading: Loading
});

export {
  Dashboard,
  Login,
  NotFound,
  Settings,
  Article,
  ArticleEdit,
  Notifications,
  NoAuth,
  Profile,
}